// pages/index/index.js

const app = getApp();


Page({

  /**
   * 页面的初始数据
   */
  data: {
     cityname:"西安",
     cid:1,
     movies:[]
  },

  /** 点击选择城市 */
  tapChooseCity:function(){
    wx.navigateTo({
      url: '/pages/citylist/citylist',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
    this.loadData(1, 0).then(movielist=>{
        // console.log(movielist);
        this.setData({
          movies:movielist
        })
    });

    let qqmapsdk = getApp().globalData.qqmapsdk;
    qqmapsdk.reverseGeocoder({
      success:(res)=>{
        // 加载当前城市
        let c = res.result.address_component.city;

        this.setData({
          cityname:c
        });

        // 设置全局城市名称
        getApp().globalData.cityname = c;
      }
    });
    /**
    wx.getLocation({
      type: "gcj02",
      success:(res)=>{
        console.log(res);
      }
    })
    */
  },


  /**
   *   加载电影列表数据
   *  @param cid     电影类别id
   *  @param offset  起始位置下标
   */

   loadData(cid, offset){
     return new Promise((resolve, reject)=>{
          // 发起请求前先弹出一个等待的窗口
          wx.showLoading({
            title: '加载中',
          })
          
          // 执行异步操作
          wx.request({
            url: 'https://api.tedu.cn/index.php',
            method: 'GET',
            data: {cid, offset},
            success:(res)=>{
             
              resolve(res.data);
              // 关闭提示
              wx.hideLoading();
            }
          })  
      });
   },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示  后台切回前台时执行
   */
  onShow: function () {
    // 拿到globalData中的数据，更新界面
    let cityname = getApp().globalData.cityname;

    this.setData({
      cityname:cityname
    });
  },

  /** 点击导航选项时触发 */
  tapnav(event){
    let cid = event.target.dataset.id;
    let _this = this;
    this.setData({
      cid:cid
    });

    // 加载导航数据
    _this.loadData(cid,0).then(movielist=>{
      this.setData({
        movies:movielist
      })

    })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log("底部");

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

    let cid = this.data.cid;  // 编号
    let offset = this.data.movies.length; // 查询起始索引

    this.loadData(cid,offset).then(movielist=>{
      // 追加到当前列表末尾
      let ms = this.data.movies.concat(movielist);
      this.setData({
        movies:ms
      });

    })

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})